// pages/AddClerk/AddClerk.js
const host = require('../../config.js').host;
const network = require('../../utils/network.js');
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		host:host,
		pageNum: 0,
		pageSize: 4, //暂定 20 后面分页再改
		//店员list 根据手机号查询出的
		clerkList: [],
		searchClerkPhone: '',
		addButtonShow: false, // 添加按钮 显示
		items: [], // 复选框显示 店员list
		checkClerkIds: [], // 选中的店员 
		loading: true
	},

	//获取搜索的 电话
	searchPhone(e) {
		this.setData({
			searchClerkPhone: e.detail.value.replace(/\s+/g, ''),
		})
	},
	// 获取店员list 根据电话 
	searchClerk(e) {
		let pageNum = this.data.pageNum;
		if (e) {
			pageNum = 1;
			this.setData({
				loading: true
			})
		} else {
			pageNum = pageNum + 1;
		}
		let searchPhone = this.data.searchClerkPhone;
		if(0 == searchPhone.length){
			wx.showToast({
				title: '请输入手机号',
				icon: "none",
				duration: 1200
			})
			return;
		}
		// if(11 != searchPhone.length){
		// 	wx.showToast({
		// 		title: '请输入正确的手机号',
		// 		icon: "none",
		// 		duration: 1200
		// 	})
		// 	return;
		// }

		network.requestGet('/xcx/customer/customer-list', {
			'phone': this.data.searchClerkPhone, // 根据电话
			'userType': '3', // 用户类型:0业主1商家2顾客3商家店员',
			//'isPage':'0', // 是否分页  0否1 是 暂时 不分页
			'pageNum': pageNum,
			'pageSize': this.data.pageSize,
			'existsFlag': 0, // 是否查询已绑定的  0不查
		}, res => {
			if (res.data.rows.length < this.data.pageSize) {
				this.setData({
					loading: false
				})
			}
			for (let i in res.data.rows) {
				res.data.rows[i].checked = false;
			}
			let clerkList = [];
			if (e) {
				clerkList = res.data.rows
			} else {
				clerkList = this.data.clerkList.concat(res.data.rows);
			}
			this.setData({
				clerkList: clerkList,
				pageNum: pageNum
			})
		})
	},
	// 获取选中的 要绑定的店员
	checkboxChange(e) {
		console.log('checkbox发生change事件，携带value值为：', e.detail.value)
		// const items = this.data.items
		// const values = e.detail.value
		// for (let i = 0, lenI = items.length; i < lenI; ++i) {
		// 	items[i].checked = false
		// 	for (let j = 0, lenJ = values.length; j < lenJ; ++j) {
		// 		if (items[i].value === values[j]) {
		// 			items[i].checked = true
		// 			break
		// 		}
		// 	}
		// }
		let checkArr = e.detail.value
		let clerkList = this.data.clerkList;
		for (let i in clerkList) {
			clerkList[i].checked = false;
		}
		for (let i in checkArr) {
			clerkList[checkArr[i]].checked = true
		}
		this.setData({
			clerkList: clerkList,
		})
	},
	// 添加选中的店员
	addClerk() {
		let clerkIds = this.data.checkClerkIds;
		let clerkIds_ = [];
		let clerkList = this.data.clerkList;
		for (let i in clerkList) {
			if (clerkList[i].checked) {
				clerkIds_.push(clerkList[i].id + "")
			}
		}
		network.requestPost("/xcx/customer-relation/addBindClerk", {
			'clerkIds': clerkIds_
		}, res => {
			if (res.data.code == '200') {
				wx.showModal({
					title: '提示',
					content: '绑定成功',
					showCancel: false,
					confirmText: '返回',
					success: res => {
						if (res.confirm) {
							wx.navigateBack({
								delta: 1,
							})
						}
					}
				})
			} else {
				wx.showToast({
					title: res.data.msg,
					icon: 'none'
				})
			}
		});
	},
	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {

	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady: function () {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function () {

	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide: function () {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh: function () {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom: function () {
		if (this.data.loading) {
			this.searchClerk();
		}
		// this.setData({
		//   pageSize:this.data.pageSize +3
		// })


	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {

	}
})
